<template>
  <div>
    <Head :headIndex="3" @choseIndex="choseIndex" :choseIndex="headchose"></Head>
    <div v-show="headIndex == 0">
      <!-- 首页 -->
      <HomePage></HomePage>
    </div>
    <div v-show="headIndex == 2">
      <!-- 发布需求 -->
      <IssuePage></IssuePage>
    </div>
    <div v-show="headIndex == 3">
      <!-- 案例 -->
      <CasePage></CasePage>
    </div>
    <Foot></Foot>
  </div>
</template>
<script setup>
import { ref } from "vue";
import Head from "../../components/head.vue";
import Foot from "../../components/foot.vue";
import HomePage from "./components/HomePage.vue";
import CasePage from "./components/CasePage.vue";
import IssuePage from "./components/IssuePage.vue";
const headchose=ref(0)
const headIndex = ref(2); //头部选择标签
const choseIndex = (index) => {
  headchose.value=index
  headIndex.value = index;
};
</script>

<style lang="scss" scoped>
</style>
